/* 用户小仓库 */
import { defineStore } from 'pinia'
//引入API接口
import { reqLogin, reqUserInfo, reqLogout } from '@/api/user'
// 引入数据类型
import type { loginFormData, loginResponseData, userInfoReponseData } from '@/api/user/type'
import type { UserState } from './types/type'
//引入操作本地存储的方法
import { SET_TOKEN, GET_TOKEN, REMOVE_TOKEN } from '@/utils/token'
//引入路由(常量路由、异步路由、任意路由)
import { constantRoute, asnycRoute, anyRoute } from '@/router/routes'

//引入深拷贝方法 -- 从loadash第三方库中 -- 由于cloneDeep函数是js文件, 因此需要使用ts-expect-error来告诉ts编译器忽略类型检查
//@ts-expect-error否则报红
import cloneDeep from 'lodash/cloneDeep'
import router from '@/router'
//用于过滤当前用户需要展示的异步路由对象
function filterAsyncRoute(asnycRoute: any, routes: any) {
  return asnycRoute.filter((item: any) => {
    if (routes.includes(item.name)) {
      if (item.children && item.children.length > 0) {
        item.children = filterAsyncRoute(item.children, routes)
      }
      return true
    }
  })
}

//创建用户小仓库 -- 是个方法
const useUserStore = defineStore('User', {
  //小仓库存储数据的地方
  state: (): UserState => {
    return {
      token: GET_TOKEN(), //用户唯一标识token
      menuRoutes: constantRoute, //存储生成菜单需要的路由(数组)
      username: '', // 登录用户名
      avatar: '', // 登录头像
      buttons: [], //存储当前用户可以访问的按钮(字符串)
    }
  },
  //异步|逻辑的地方
  actions: {
    //用户登录的方法
    async userLogin(data: loginFormData) {
      //登录请求 -- reqLogin函数返回Promise对象(因为Axios的post方法就是返回Promise对象), 因此需要await
      const result: loginResponseData = await reqLogin(data)
      if (result.code == 200) {
        //登录请求:成功200->token
        this.token = result.data //pinia仓库存储一下token
        SET_TOKEN(result.data) //本地存储持久化存储一份token: 由于pinia|vuex存储数据其实利用js对象, 没用持久化
        return 'ok' //能保证(如果没有返回语句, 则返回undefined, 这样也是返回成功的promise)当前async函数返回一个成功的promise -- 带有async的函数返回promise
      } else {
        //登录请求:失败201->登录失败错误的信息
        return Promise.reject(new Error(result.data)) // 返回一个失败的promise, 失败信息(new出来的Error对象的message属性): result.data
      }
    },

    //获取用户信息方法
    async userInfo() {
      //获取用户信息进行存储仓库当中[用户头像、名字]
      const result: userInfoReponseData = await reqUserInfo()
      //如果获取用户信息成功，存储一下用户信息
      if (result.code == 200) {
        this.username = result.data.name
        this.avatar = result.data.avatar
        this.buttons = result.data.buttons
        //计算当前用户需要展示的异步路由 -- 由于asnycRoute是一个静态路由, 因此需要深拷贝(因为filterAsyncRoute修改了asnycRoute的children属性)
        const userAsyncRoute = filterAsyncRoute(cloneDeep(asnycRoute), result.data.routes)
        //菜单需要的数据整理完毕
        this.menuRoutes = [...constantRoute, ...userAsyncRoute, anyRoute]
        //目前路由器管理的只有常量路由:用户计算完毕异步路由、任意路由需要动态追加到路由器中
        ;[...userAsyncRoute, anyRoute].forEach((route: any) => {
          router.addRoute(route) //添加动态路由到路由表中(注册路由),以便后续可以根据该路由进行导航。
        })
        return 'ok'
      } else {
        return Promise.reject(new Error(result.message))
      }
    },

    //退出登录
    async userLogout() {
      //退出登录请求(通知服务器本次用户唯一标识token失效)-->前期没有退出登录mock接口
      const result: any = await reqLogout()
      //清除用户登录信息
      if (result.code == 200) {
        this.token = ''
        this.username = ''
        this.avatar = ''
        REMOVE_TOKEN()
        return 'ok'
      } else {
        return Promise.reject(new Error(result.message))
      }
    },
  },
  // 计算属性
  getters: {},
})

//对外暴露用来获取小仓库的方法
export default useUserStore
